<!DOCTYPE html>
<html lang="zh-cn">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>javascript 阶段</title>
</head>
<body>


    <script>
        // 定义对象
        // 对象： 是一种根据键值对存取数据的集合（无序的）
        // 键(key) :  width height  bgcolor
        // 值(value) : 100px  200px red
        var obj = {
            width: "100px",
            height: "200px",
            bgcolor: "red"
        }

        // 遍历对象（循环、枚举）
        for(var property in   obj ){
            // 获取键
            console.log(property);
            // 获取值
            // console.log(obj.property);// undefined  {property:xxx}
            // console.log(obj.width);// 100px  {width: "100px"}
            // console.log(obj[property]);// 正确的获取对象的值
        }

        // 可以删除对象的width 属性
        // delete 操作符 ，删除对象指定的属性
        delete obj.width; 
        console.log(obj);// {height: "200px", bgcolor: "red"}

        // 取值
        console.log(obj.height);// 200px
        console.log(obj["height"]);// 200px

        // 赋值
        obj.height = "99px"
        obj["height"] = "98px"
        console.log(obj);// {height: "98px", bgcolor: "red"}


        
    </script>
</body>
</html>